<!--猜你喜欢-->
<template>
<div class="love">
  <el-divider content-position="left">
    <span>
      猜你喜欢
    </span>
  </el-divider>
  <goods-result :searchParams="searchParams">
    <template #buttonView>
      <el-button size="small" type="primary" class="button">加入购物车</el-button>
      <el-button size="small" type="success" class="button">查看</el-button>
    </template>
  </goods-result>
</div>
</template>

<script setup lang="ts">
import GoodsResult from "@/components/goodsList/GoodsResult.vue";
import {ref} from "vue";
import type{Goods} from "@/common/types/result";
import {getGoods} from "@/common/constants/Common";
let ListItem = ref<Goods[]>(getGoods.list)
const searchParams = ref({
  keyword: null,
  minPrice: null,
  maxPrice:null,
  categoryId: null
});
const handleSearch = (params:any) => {
  searchParams.value = params;
};
</script>

<style scoped lang="scss">
.love{
  width: 1200px;
  margin: 10px auto;
}
.button{
  width: 60px;
  font-size: 10px;
}
span{
  color: red;
  font-size: 16px;
  font-family: 仿宋;
}
</style>
